body{
    margin: 0;
    font-size: 16px;
}
a{
    text-decoration: none;
}
div{
    display: block;
    color: #999999;
}
.info{
    width: 100%;
    height: 250px;
}
.content{
    float: left;
    display: block;
    width: 450px;
    height: 250px;
}
.content img{
    float: left;
    position: relative;
    display: inline;
    padding-left: 240px;
    padding-top: 50px;
    width: 200px;
    height: 200px;
}
.cnt{
    float: left;
    width: 50%;
    height: 250px;
}
.listname{
    margin: 0;
    float: left;
    width: 10%;
    height: 20%;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    vertical-align: middle;
}
.listnameP{
    line-height: 50%;
}
.tit{
    margin: 0;
    float: left;
    width: 90%;
    height: 20%;
    vertical-align: middle;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.tit h2{
    line-height: 50%;
    padding-left: 20px;
}
.userface{
    float: left;
    width: 100%;
    height: 20%;
}
.jieshao{
    clear: both;
    height: 60%;
    overflow-x: hidden;
    overflow-y: scroll;
}
/* .jieshao::-webkit-scrollbar{
    color: red;
} */
.userface img{
    width: 50px;
    height: 50px;
}
.face{
    float: left;
    width: 10%;
    height: 100%;
}
.username{
    float: left;
    width: 40%;
    height: 100%;
}
.username a:link,.username a:visited{
    color: #999999;
}
.username a:hover{
    text-decoration: underline;
}
.datetime{
    float: left;
    width: 50%;
    height: 100%;
}
.playlist{
    width: 100%;
    height: 500px;
    float: left;
}
.listtit{
    width: 100%;
    height: 40px;
}
.t-sp{
    padding-left: 240px;
    float: left;
}
.t-p{
    float: left;
    padding-left: 24px;
    padding-top: 15px;
    font-size: 10px;
    font-weight: 900;
    color: #999999;
}
.l-table{
    width: 100%;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
th{
    display: table-cell;
    height: 38px;
    background-position: 0 0;
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    color: #999999;
}
td{
    display: table-cell;
    vertical-align: inherit;
}
.l-table .w1{
    width: 20%;
}
.w{
    width: 20%;
}
.w2{
    width: 10%;
}
.w3{
    width: 10%;
}
.w4{
    width: 20%;
}
.wp{
    height: 18px;
    line-height: 18px;
    padding: 8px 10px;
    background-position: 0 -56px;
}

.l-table td{
    padding: 6px 10px;
    line-height: 18px;
    text-align: left;
}
.left{
    width: 20%;
}
.l-table .hd{
    height: 18px;
}
.num{
    float: right;
}
.l-table .tt{
    float: left;
    width: 100%;
}
.l-table .ttc{
    height: 18px;
    margin-right: 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.l-table .txt{
    position: relative;
    margin-right: -25px;
    max-width: 99%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.l-table .txt a:link,.l-table .txt a:visited{
    color: #999999;
}
.l-table .txt a:hover{
    text-decoration: underline;
}
.l-table .text{
    width: 100%;
    position: relative;
    zoom: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.l-table .text a:link,.l-table .text a:visited{
    color: #999999;
}
.l-table .text a:hover{
    text-decoration: underline;
}
.unselected{
    border: none;
}
.selected{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-animation: neon1 1.5s ease-in-out infinite alternate;
    -moz-animation: neon1 1.5s ease-in-out infinite alternate;
    animation: neon1 1.5s ease-in-out infinite alternate; 
}
@-webkit-keyframes neon1 {
    from {
        text-shadow: 0 0 10px #fff,
        0 0 20px  rgb(35,74,141),
        0 0 30px  rgb(35,74,141),
        0 0 40px  rgb(35,74,141),
        0 0 70px  rgb(35,74,141),
        0 0 80px  rgb(35,74,141),
        0 0 100px rgb(35,74,141),
        0 0 150px rgb(35,74,141);
    }
    to {
        text-shadow: 0 0 5px #fff,
        0 0 10px rgb(35,74,141),
        0 0 15px rgb(35,74,141),
        0 0 20px rgb(35,74,141),
        0 0 35px rgb(35,74,141),
        0 0 40px rgb(35,74,141),
        0 0 50px rgb(35,74,141),
        0 0 75px rgb(35,74,141);
    }
}
.pagel{
    color: #999999;
}
::-webkit-scrollbar{
    width: 0px;
}